<template>
  <el-dialog
    :title="'考生 （'+ chooseStudent.studentName + '） 基本信息'"
    :visible="showStudentVisible"
    :fullscreen="false"
    :before-close="showStudentClose"
    width="500px">
    <div class="studentBox">
      <div class="studentInfoBox">
        <p>准考证号:</p>
        <p>{{ chooseStudent.studentCandidateId || '暂无' }}</p>
      </div>
      <div class="studentInfoBox">
        <p>身份证号:</p>
        <p>{{ chooseStudent.studentIdcard || '暂无' }}</p>
      </div>
      <div class="studentInfoBox">
        <p>培训基地:</p>
        <p>{{ chooseStudent.trainingBase || '暂无' }}</p>
        
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: ['chooseStudent'],
  data () {
    return {
      showStudentVisible: false
    }
  },
  methods: {
    showStudentClose () {
      this.showStudentVisible = false
    },
    openShowStudent () {
      setTimeout(() => {
        this.showStudentVisible = true
      }, 10)
    }
  }
}
</script>

<style lang='scss'>
.studentBox{
  padding: 20px;
  .studentInfoBox{
    display: flex;
    width: 100%;
    p:nth-of-type(1){
      width: 90px;
      text-align: right;
      padding-right: 10px;
    }
    p:nth-of-type(2){
      flex: 1;
      font-weight: 500;
    }
  }
}
</style>